Ext.define('PAN.view.Viewport',{
    extend: 'Ext.Viewport',
    layout: 'fit',
    hideBorders: true,
    requires : [
        //'PAN.view.index.NorthView',
        'PAN.view.index.MenuView',
        'PAN.view.index.TabPanelView',
        'PAN.view.index.SouthView'
    ],
    initComponent : function(){
        var me = this;
        Ext.apply(me, {
        	id:"homeviewport",
            items: [{
                id:'viewport',
                layout: 'border',
                items: [
                    //Ext.create('PAN.view.index.NorthView')
                    Ext.create('PAN.view.index.MenuView'),
                    Ext.create('PAN.view.index.TabPanelView'),
                    Ext.create('PAN.view.index.SouthView')
                ]
            }]
        });
        me.callParent(arguments);
    }
})
